<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>宝生和鸣</title>
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="black" name="apple-mobile-web-app-status-bar-style">
  <meta content="telephone=no" name="format-detection">
  <link rel="icon" href="images/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./layui/css/layui.css">
  <link rel="stylesheet" href="./css/animation.css">
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" type="text/css" media="screen and (min-width:961px)" href="./css/pc.css">
  <link rel="stylesheet" type="text/css" media="screen and (max-width:960px)" href="./css/wap.css">
</head>

<body>
  <div class="b-doc">
    <div class="b-bd">
      <!-- header 模块 -->
      <div class="header header-bg-black">
        <div class="header-container clear">
          <img src="images/logo.png" class="logo">
          <div class="nav-btn">
            <span class="n1"></span>
            <span class="n2"></span>
            <span class="n3"></span>
          </div>
          <div class="nav clear">
            <a class="nav-item" href="index.html">
              <span class="text">首页</span>
            </a>
            <a class="nav-item" href="news.html">
              <span class="text">新闻资讯</span>
            </a>
            <a class="nav-item" href="product.html">
              <span class="text">产品介绍</span>
            </a>
            <a class="nav-item" href="about.html">
              <span class="text">关于我们</span>
            </a>
            <a class="nav-item wap-hide on" href="personCenter.html">
              <span class="text">个人中心</span>
            </a>
            <a class="nav-item personal on" href="personCenterWap.html">
              <span class="text">个人中心</span>
            </a>
          </div>
        </div>
      </div>
      <div class="pop-nav" style="background: rgba(255, 255, 255, 0); position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 10; display: none;"></div>

      <div class="content">
        <div class="main">
          <div class="breadcrumb">
            <div class="breadcrumb-main clear">
              <div class="breadcrumb-hd">您的位置：</div>
              <ul class="breadcrumb-bd clear">
                <li class="breadcrumb-item">
                  <a href="index.html">首页</a>
                </li>
                <li class="breadcrumb-item">
                  <a href="personCenter.html">个人中心</a>
                </li>
                <li class="breadcrumb-item cur">我的推广</li>
                <li class="breadcrumb-item cur">我的会员</li>
              </ul>
            </div>
          </div>
          <div class="center clear">
            <div class="center-nav">
              <div class="center-nav-con">
                <div class="item cur">
                  <a href="personCenter.html">个人中心</a>
                </div>
                <div class="item">
                  <a href="personalData.html">个人资料</a>
                </div>
                <div class="item">
                  <a href="accountManagement.html">账户管理</a>
                </div>
                <div class="item on">
                  <a href="MyPromotion.html">我的推广</a>
                </div>
                <div class="item">
                  <a href="MyEarnings.html">我的收益</a>
                </div>
                <div class="item">
                  <a href="ShopGains.html">店铺收益</a>
                </div>
                <div class="item">
                  <a href="security.html">安全设置</a>
                </div>
                <div class="item">
                  <a href="message.html">站内信</a>
                </div>
              </div>
            </div>
            <div class="center-main">
              <div class="title clear">
                <span class="name">我的推广</span>
              </div>
              <div class="center-content">
                <div class="layui-tab center-tab">
                  <ul class="layui-tab-title">
                    <li class="layui-this">我的会员</li>
                    <li>我的二维码</li>
                  </ul>
                  <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">

                      <div class="center-search">
                        <div class="layui-form search-form">
                          <div class="layui-form-item">
                            <div class="layui-inline">
                              <label class="layui-form-label">用户账号：</label>
                              <div class="layui-input-inline">
                                <input type="text" autocomplete="off" placeholder="请输入用户账号" class="layui-input">
                              </div>
                            </div>
                            <div class="layui-inline">
                              <label class="layui-form-label">会员类型：</label>
                              <div class="layui-input-inline">
                                <select>
                                  <option value="">请选择</option>
                                  <option value="1">经销商</option>
                                  <option value="2">代理商</option>
                                  <option value="3">VIP代理商</option>
                                </select>
                              </div>
                            </div>
                            <div class="layui-inline">
                              <label class="layui-form-label">时间段：</label>
                              <div class="layui-input-inline layui-input-time">
                                <div type="text" class="layui-input time2" contenteditable placeholder="开始时间-截止时间" id="time"></div>
                              </div>
                            </div>
                            <div class="layui-inline search-btn">
                              <button class="layui-btn layui-btn-normal">查询</button>
                              <button class="layui-btn layui-btn-primary pc-hide search-close">取消</button>
                            </div>
                          </div>
                        </div>
                        <div class="search-mask"></div>
                        <div class="search-btn2 pc-hide">
                          <button class="layui-btn layui-btn-normal search">
                            <i class="layui-icon">&#xe615;</i>查询</button>
                        </div>
                      </div>
                      <div class="center-total">
                        <div class="group">
                          <span class="item">累计分享收益：
                            <i class="red">89990.00元</i>
                          </span>
                          <span class="item">累计共享收益：
                            <i class="red">89990.00元</i>
                          </span>
                        </div>
                        <div class="group">
                          <div class="time">2017-10-24 至 2017-10-28</div>
                          <span class="item">累计分享收益：
                            <i class="red">89990.00元</i>
                          </span>
                          <span class="item">累计共享收益：
                            <i class="red">89990.00元</i>
                          </span>
                        </div>
                      </div>
                      
                      <div class="layui-form center-table bt1">
                        <table class="layui-table" lay-skin="nob">
                          <thead>
                            <tr>
                              <th>用户账号</th>
                              <th>用户姓名</th>
                              <th>手机号码</th>
                              <th>会员类型</th>
                              <th>分享收益</th>
                              <th>推广会员</th>
                              <th>共享收益</th>
                              <th>注册时间</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr>
                              <td class="first">
                                <span class="wap-th">用户账号</span>
                                <span class="wap-td">xiaoguan123</span>
                              </td>
                              <td>
                                <span class="wap-th">用户姓名</span>
                                <span class="wap-td">陈美丽</span>
                              </td>
                              <td>
                                <span class="wap-th">手机号码</span>
                                <span class="wap-td">186****5757</span>
                              </td>
                              <td>
                                <span class="wap-th">会员类型</span>
                                <span class="wap-td">代理商</span>
                              </td>
                              <td>
                                <span class="wap-th">分享收益</span>
                                <span class="wap-td red">1000.00元</span>
                              </td>
                              <td>
                                <span class="wap-th">推广会员</span>
                                <span class="wap-td">10</span>
                              </td>
                              <td>
                                <span class="wap-th">共享收益</span>
                                <span class="wap-td red">100.00元</span>
                              </td>
                              <td>
                                <span class="wap-th">注册时间</span>
                                <span class="wap-td time">2016-12-07 13:30:30</span>
                              </td>
                            </tr>
                            <tr>
                              <td class="first">
                                <span class="wap-th">用户账号</span>
                                <span class="wap-td">xiaoguan123</span>
                              </td>
                              <td>
                                <span class="wap-th">用户姓名</span>
                                <span class="wap-td">陈美丽</span>
                              </td>
                              <td>
                                <span class="wap-th">手机号码</span>
                                <span class="wap-td">186****5757</span>
                              </td>
                              <td>
                                <span class="wap-th">会员类型</span>
                                <span class="wap-td">代理商</span>
                              </td>
                              <td>
                                <span class="wap-th">分享收益</span>
                                <span class="wap-td red">1000.00元</span>
                              </td>
                              <td>
                                <span class="wap-th">推广会员</span>
                                <span class="wap-td">10</span>
                              </td>
                              <td>
                                <span class="wap-th">共享收益</span>
                                <span class="wap-td red">100.00元</span>
                              </td>
                              <td>
                                <span class="wap-th">注册时间</span>
                                <span class="wap-td time">2016-12-07 13:30:30</span>
                              </td>
                            </tr>

                          </tbody>
                        </table>
                      </div>
                      <div class="center-pages">
                        <div class="table-pages" id="table-pages"></div>
                      </div>
                    </div>
                    <div class="layui-tab-item">
                      <div class="center-code">
                        <div class="code-main">
                          <p class="name">张三</p>
                          <p class="id">用户账号：2356893</p>
                          <div class="code-wrapper">
                            <img src="./images/code.jpg" alt="" width="150" height="150">
                            <i class="icon"></i>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="footer clear">
    <div class="ft-content">
      <div class="ft-logo">
        <img src="images/logo.png" alt="">
      </div>
      <div class="ft-site">
        <h3>深圳市宝生和鸣生物科技有限公司</h3>
        <p>联系电话：4000031909</p>
        <p>公司地址：深圳市宝安区新安海天路卓越时代广场A座1905-1906</p>
        <p>备案信息：<a href="http://www.miitbeian.gov.cn " style="  color: #999;">粤ICP备17164065号-1</a></p>
      </div>
      <div class="ft-share">
        <div>
          <a href="#">
            <img src="images/ft-1.png" alt="">
            <p>微信公众号</p>
          </a>
        </div>
        <div>
          <a href="#">
            <img src="images/ft-2.png" alt="">
            <p>微博</p>
          </a>
        </div>
        <div>
          <a href="#">
            <img src="images/ft-3.png" alt="">
            <p>QQ客服</p>
          </a>
        </div>
      </div>
    </div>
  </div>
  <script src="./js/jquery-1.8.3.min.js"></script>
  <script src="./layui/layui.js"></script>
  <script src="./js/fastclick.js"></script>
  <script src="./js/common.js"></script>
  <script>
    layui.use(['form', 'element', 'laypage', 'layer', 'laydate'], function () {
      var element = layui.element,
        laypage = layui.laypage,
        layer = layui.layer,
        form = layui.form,
        laydate = layui.laydate;

      // 我的推广-分页
      laypage.render({
        elem: 'table-pages'
        , count: 50
        , layout: ['prev', 'page', 'next', 'skip']
      });

      // 时间段
      laydate.render({
        elem: '#time'
        , range: true
        , theme: '#3bb384'
        , done: function (value, date, endDate) {
        }
      });
    });
  </script>
</body>

</html>